(function() {
    $('.myInput').append('<i class="layui-icon  layui-icon-close-fill closeIcon"></i>')
    $('.myInput .closeIcon').click(function() {
        $(this).siblings('input').val('')
    })
    $('.myInput').hover(function() {
        if ($(this).find('input').val().length) {
            $(this).find('.closeIcon').fadeIn();
        }
    }, function() {
        $(this).removeClass('hoverIn')
        $(this).find('.closeIcon').hide();
    });
    $('.myInput input').on("input", function() {
        if ($(this).val().length) {
            $(this).siblings('.closeIcon').fadeIn();
        } else {
            $(this).siblings('.closeIcon').hide();
        }
    });
})()

